 $(function(){
     
                $('input, textarea').placeholder();
      
                $('#slideshow').slides({
                    play: 5000,
                    pause: 2500,
                    width: 940,
                    height: 528,
                    hoverPause: true
                });	
                $("#showcase").awShowcase(
                {
                    content_width:			1200,
                    content_height:			340,
                    fit_to_parent:			false,
                    auto:					false,
                    interval:				3000,
                    continuous:				false,
                    loading:				true,
                    tooltip_width:			200,
                    tooltip_icon_width:		32,
                    tooltip_icon_height:	32,
                    tooltip_offsetx:		18,
                    tooltip_offsety:		0,
                    arrows:					true,
                    buttons:				false,
                    btn_numbers:			true,
                    keybord_keys:			true,
                    mousetrace:				false, /* Trace x and y coordinates for the mouse */
                    pauseonover:			true,
                    stoponclick:			true,
                    transition:				'vslide', /* hslide/vslide/fade */
                    transition_delay:		300,
                    transition_speed:		500,
                    show_caption:			'onhover', /* onload/onhover/show */
                    thumbnails:				false,
                    thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
                    thumbnails_direction:	'horizontal', /* vertical/horizontal */
                    thumbnails_slidex:		0, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
                    dynamic_height:			false, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
                    speed_change:			false, /* Set to true to prevent users from swithing more then one slide at once. */
                    viewline:				false /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
                });
				
				
// insert slider
$('.subheader nav ul').append('<div id="hover-menu"></div>');
// initially reset
var left = $('.subheader nav ul li:first-child a').parent().position().left;
var width = $('.subheader nav ul li:first-child a').width();
$('#hover-menu').css({'left' : left, 'width' : width});

// sliding
$('.subheader nav ul li a').hover(function(){
   
    var left = $(this).parent().position().left;
    var width = $(this).width();
    
    $('#hover-menu').stop().animate({
        'left' : left,
        'width' : width
    });
});
            
 // combo
$('.subnav li').click(function(){
	var idioma = this.id; 
        $("input[name=idio]").val(idioma);
	if(idioma != ""){
		$("#idioma").remove();
		var texto =$('.subnav li').eq(idioma).text();
		    texto.split('');
		 var lengtexto =texto.split('-');
		$ ( ".nav .options" ). append ( '<div id="idioma">'+ lengtexto[0]+' - <label >'+lengtexto[1]+'</label></div>' ) ;
                $("#frmLang").append('<input type="hidden" name="cboIdioma" value="'+idioma+'"></input>');
                $( "#frmLang" ).submit();
		}
	});           

        
        ////// inicio agregado armando
        $("input[name=buscar]").click(function(){
            if(document.getElementById("txtBuscar").value.length > 0)
            {
              window.location.href="buscar.php?termino="+document.getElementById("txtBuscar").value;
            }
        });
        
        ///// fin agregado armando
        
        
        //section- form car
     $(".show-car").hide();

//    $('input, textarea').placeholder();

    $(" .btn_enviar").click(function() {
        buildCart($('#add-on-cart ul'), cart_session_oficina);
        $(".sitio-contenido .add-on-cart form").validate({
            rules: {
                nombre: {
                    required: true,
                    minlength: 5,
                    generico: true
                },
                mail: {
                    required: true,
                    email: true,
                    generico: true
                },
                telefono: {
                    required: true,
                    minlength: 6,
                    maxlength: 10
                },
                cp: {
                    minlength: 3,
                    maxlength: 5,
                    number: true
                },
                lada: {
                    required: true,
                    minlength: 2,
                    number: true,
                    maxlength: 10
                },
                aviso: {
                    required: true
                }
            },
            messages: {
                politicas: {
                    required: '*Para continuar con el proceso de registro debes de aceptar el Aviso de Privacidad.'
                },
                nombre: {
                    required: 'Nombre: este campo es obligatorio*',
                    generico: 'Nombre: caracteres no válidos',
                    maxlength: $.validator.format("Nombre: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Nombre: ingresa almenos {0} caractéres.")
                },
                delegacion: {
                    required: 'Del. / Municipio: este campo es obligatorio*',
                    generico: 'Del. / Municipio: caracteres no válidos',
                    maxlength: $.validator.format("Del. / Municipio: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Del. / Municipio: ingresa almenos {0} caractéres.")
                },
                colonia: {
                    required: 'Colonia: este campo es obligatorio*',
                    generico: 'Colonia: caracteres no válidos',
                    maxlength: $.validator.format("Colonia: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Colonia: ingresa almenos {0} caractéres.")
                },
                calle: {
                    required: 'Calle: este campo es obligatorio*',
                    generico: 'Calle: caracteres no válidos',
                    maxlength: $.validator.format("Calle: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Calle: ingresa almenos {0} caractéres.")
                },
                ciudad: {
                    required: 'Ciudad: este campo es obligatorio*',
                    generico: 'Ciudad: caracteres no válidos',
                    maxlength: $.validator.format("Ciudad: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Ciudad: ingresa almenos {0} caractéres.")
                },
                estado: {
                    required: 'Estado: este campo es obligatorio*',
                    generico: 'Estado: caracteres no válidos',
                    maxlength: $.validator.format("Estado: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Estado: ingresa almenos {0} caractéres.")
                },
                lada: {
                    required: 'LD: este campo es obligatorio*',
                    number: 'LD: Ingresa un número válido',
                    maxlength: $.validator.format("LD: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("LD: ingresa almenos {0} caractéres.")
                },
                aviso: {
                    required: 'Aviso de Privacidad: este campo es obligatorio*'
                },
                telefono: {
                    required: 'Teléfono: este campo es obligatorio*',
                    number: 'Teléfono: Ingresa un número válido',
                    maxlength: $.validator.format("Teléfono: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Teléfono: ingresa almenos {0} caractéres.")
                },
                mail: {
                    required: 'Mail: este campo es obligatorio*',
                    email: "Mail: Ingresa una dirección de correo válida.",
                    generico: 'Mail: caracteres no válidos'
                },
                cp: {
                    required: 'Código Postal: este campo es obligatorio*',
                    number: 'Código Postal: Ingresa un número válido',
                    maxlength: $.validator.format("Código Postal: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Código Postal: ingresa almenos {0} caractéres.")
                },
                numero: {
                    required: 'Número: este campo es obligatorio*',
                    generico: 'Número del contacto: caracteres no válidos',
                    number: 'Número: Ingresa un número válido',
                    maxlength: $.validator.format("Número: ingresa menos de {0} caractéres."),
                    minlength: $.validator.format("Número: ingresa almenos {0} caractéres.")
                }
            },
            errorLabelContainer: $('#cart-errors'),
            wrapper: "p"

        });
    });
    
    
    
    if ($('.sitio-contenido .contacto-frm form').length) {
        //        var action = $('.contact-form form').attr('action');
        $('.sitio-contenido .contacto-frm form').validate({
                         errorPlacement: function(error, element) {
                        },
            rules: {
                txtNombre: {
                    required: true
                },
                txtApellido: {
                    required: true 
                },
                txtProfesion: {
                    required: true
                },
                txtMail: {
                    required: true
                },
                txtMail2: {
                    required: true
                },
                txtComentario: {
                    required: true
                }
            },
            
            highlight: function(element) {
                $(element).closest('.sitio-contenido .contacto-frm form input , textarea').addClass('error');
            },
            submitHandler: function(form) {
                $.ajax({
                    url: action,
                    data: $(form).serialize(),
                    type: 'post',
                    success: function() {
                        $('.sitio-contenido .contacto-frm form').find('input[type="text"],textarea').val("");
                        $('.sitio-contenido .contacto-frm form').fadeOut();
                        $('.contact-form h3.form-success').fadeIn();
                        $('h3.form-success').delay(3000).fadeOut();
                        $('.contact-form form').delay(5000).fadeIn();
                    }
                });
                return false;
            }
        });
    }
    
    $(".btn_enviar").fancybox({
        'autoScale': false,
        onCleanup: function() {
            $('#cart-container').append($('#add-on-cart').clone());
        }

    });
    
    $('#frmContacto').motionCaptcha({
//        shapes: ['triangle', 'x', 'rectangle', 'circle', 'check', 'zigzag', 'arrow', 'delete', 'pigtail', 'star']
        shapes: ['triangle', 'x', 'rectangle', 'circle', 'check', 'caret', 'zigzag', 'arrow', 'leftbracket', 'rightbracket', 'v', 'delete', 'star', 'pigtail']
		
    });
    

    $(".shop-hover1").hover(
        function() {       
            $(".img-estado").animate({
                top:"-395px"
            });
        // $(".img-estado").fadeOut();
        // $(".img-estado-hover").css("z-index","1");
        }, function() {
            $(".img-estado").animate({
                top:"0px"
            });
        //  $(".img-estado").fadeIn();
        //  $(".img-estado-hover").css("z-index","-1");
        }
        );
                 
    $(".shop-hover2").hover(
        function() {
            $(".img-correo").animate({
                top:"-395px"
            });
//            $(".img-correo").fadeOut();
//            $(".img-correo-hover").css("z-index","1");
        }, function() {
             $(".img-correo").animate({
                top:"0px"
            });
//            $(".img-correo").fadeIn();
//            $(".img-correo-hover").css("z-index","-1");
        }
        );
    $(".shop-hover3").hover(
         function() {
              $(".img-kit").animate({
                top:"-395px"
            });
//            $(".img-kit").fadeOut();
//            $(".img-kit-hover").css("z-index","1");
        }, function() {
             $(".img-kit").animate({
                top:"0px"
            });
//            $(".img-kit").fadeIn();
//            $(".img-kit-hover").css("z-index","-1");
        }
        );
    
    
});
                        
